<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../common/style/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../common/style/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../../common/style/house.css" />
    <script src="../../common/lib/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="../../common/js/md5.js"></script>
    <script src="../../common/js/vue.min.js"></script>
    <script src="../../common/js/axios.min.js"></script>
    <script
      type="text/javascript"
      src="../../common/request/request.js?version=1.0.12"
    ></script>
    <script src="./search_js/entry.js?version=1.0.12"></script>
    <style>
        .daizu-search{
            display: inline-block;
            width: calc(100% - 1.7rem);
            vertical-align: -webkit-baseline-middle;
        }
        .hot-search {
            border-bottom: none;
        }
    </style>
</head>

<body class="layout-w" id="view">
    <div class="aui-content-padded">
        <div>
            <div class="daizu-search aui-margin-b-15">
                <i class="aui-iconfont aui-icon-search" @click="search"></i>
                <input type="text" :placeholder="type == 1?'搜索楼盘':'搜索联合办公社区'" v-model="keywords" id="search_common_input" autofocus="autofocus" @keyup.enter="search">
            </div>
            <span style="font-size: .65rem;float: right;margin-top: 0.6rem;" @click="goBack">取消</span>
        </div>
        
        <div class="msContent">
            <div class="hot-search" :style="{borderBottom:historyList.length>0?'1px solid #EFF0EF':'none'}">
                <div class="hot-search-head aui-clearfix">
                    <h4 class="aui-pull-left">&nbsp;{{type == 1||type == 3?'热门楼盘':'热门品牌'}}</h4>
                </div>
                <div class="hot-search-tags aui-margin-t-10 aui-clearfix">
                    <span v-for="item in hotList"><a href="javascript:;" @click="goToDetail(item)">{{type == 1||type == 3? item.buildingName:item.brandName}}</a></span>
                </div>
            </div>
            <div class="history-search aui-margin-t-10" v-if="historyList.length>0">
                <div class="history-search-head aui-clearfix">
                    <h4 class="aui-pull-left">&nbsp;历史记录</h4>
                    <a href="javascript:;" class="aui-pull-right" @click="clearHistory">
                        <i class="fa fa-trash-o"></i>&nbsp;
                    </a>
                </div>
                <div class="history-search-tags aui-margin-t-10 aui-clearfix">
                    <span v-for="(idx,item) in historyList" @click="goToHistorySearch(item)"><a href="javascript:;">{{item.value}}</a></span>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    $(document).ready(function () {
        setTimeout(function() {
            $('#search_common_input').focus();
        }, 1000);
    })
</script>
</html>